﻿<!DOCTYPE HTML>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Matrix jQuery Plugin</title>
    <script src="jquery-1.4.2.js" type="text/javascript"></script>
    <script src="jquery.matrix.js" type="text/javascript"></script>
    <style>
        .left {
            margin:10px;
            float:left;
        }
        #home {
            width:600px;
            margin:auto;
        }

        .jquery-matrix-container {
            overflow:hidden;
        }
        p.text {
            text-align:justify;
        }
    </style>
    <script>
        function matrix() {
            $("img").matrix({ colors: "green", animated: true, grainSize: 7, background: '#000' });
        }
        $(function () { });
        window.onload = matrix;
    </script>
</head>
<body>
    <div id="home">
        <p><a href="http://romanovian.com/blog/jquery-matrix">jQuery Matrix Home page</a></p>
        <h1>Lorem ipsum</h1>
        <h3>Cras lectus</h3>
        <p class="text">
            <img src="laetitia.jpg" class="left" />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ultrices ipsum et augue aliquam lacinia condimentum lorem 
            vulputate. Integer nunc ipsum, ultricies nec varius nec, porttitor vitae elit. Suspendisse quam neque, tristique pharetra 
            porta a, porttitor a erat. Nulla pharetra, nulla in ultrices placerat, neque est dapibus libero, eget eleifend nisl mauris 
            quis mi. Cras iaculis porttitor vulputate. Pellentesque gravida metus et nisi eleifend non consectetur dui dignissim. 
            Vestibulum congue gravida lectus, nec malesuada risus tempus vel. Morbi a felis pulvinar dui elementum laoreet. 
            Fusce ullamcorper, odio quis molestie ornare, leo nunc sagittis velit, vitae blandit sapien dolor a orci. 
            Pellentesque cursus sem vitae arcu ornare tincidunt. Nunc malesuada erat ac velit ultrices mattis. 
            Curabitur id tellus in dolor porta lacinia. Cras nibh dui, rhoncus quis gravida quis, congue id dolor. 
            Nunc fringilla pulvinar mauris sodales malesuada. Donec neque nisi, ultrices in suscipit a, porta ut odio. 
            Phasellus id velit eu felis lobortis pharetra. Proin sit amet enim non quam tincidunt varius. 
            Etiam malesuada massa ut risus ornare tincidunt elementum nulla rhoncus. Fusce et dui et mi ultrices venenatis.
            Maecenas accumsan tortor nisi. 
        </p>
    </div>
</body>
</html>
